<template>
  <div>
    <!--    <HeaderTwo />-->
    <PageHeader title="新闻主页"/>
    <Blog ref="blog"/>
    <Footer/>
  </div>
</template>
<script>
import HeaderTwo from "~/components/HeaderTwo.vue";
import PageHeader from "~/components/PageHeader.vue";
import Blog from "~/components/Blog.vue";
import Footer from "~/components/Footer.vue";

export default {
  components: {
    HeaderTwo,
    PageHeader,
    Blog,
    Footer,
  },
  mounted() {
    let keyword = this.$route.query.keyword
    this.initData(keyword)
  },
  methods: {
    initData(keyword) {
      //新闻
      this.$refs.blog.getData(keyword)
    }
  },
  head() {
    return {
      title: "Dimon | Blog"
    }
  }
}
</script>
